.left{
    display:inline-block;
    width:300px;
    height:900px;
    background-color: #3A5FCD;
    color:white;
}
.pic-left{
    width:25px;
    height:25px;
    margin-right: 10px;
    vertical-align: middle;
  text-align: center;
}
.pic2{
   
    margin-left:100px; 
    width:25px;
    height:25px;
    
}
.user{
    padding-top:30px;
    padding-left:20px;
    vertical-align: middle;
      text-align: center;
}
 .inventory{
         padding-top:30px;
    padding-left:45px;
    vertical-align: middle;
     
 }
.done{
         padding-top:30px;
    padding-left:45px;
    vertical-align: middle;
}
.overdue{
    padding-top:30px;
    padding-left:45px;
    vertical-align: middle;
}
.unfinished{
         padding-top:30px;
    padding-left:45px;
    vertical-align: middle;
}

a{
    float:right;
    margin-right: 33px;
    color: #C7C7C7;

}
.right{
    
    float:right;
    color:#C7C7C7;
    margin-right: 150px;
    width:900px;
    height:50px;
    font-size:30px;
    padding-top:200px;
    border-bottom: 1px solid #C7C7C7;
    
}